<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>套餐管理</title>
    <link href="/static/bootstrap/css/bootstrap.min.css"
          rel="stylesheet"/>
    <!-- Font Awesome -->
    <link href="/static/font-awesome/css/font-awesome.min.css"
          rel="stylesheet"/>
    <link href="/static/bootstrap/css/bootstrap-select.min.css"
          rel="stylesheet"/>
    <link href="/static/bootstrap/css/bootstrap-table.min.css"
          rel="stylesheet"/>
    <link href="/static/bootstrap/css/bootstrap-datetimepicker.min.css"
          rel="stylesheet"/>
    <script src="/static/common/common.js"></script>
    <script src="/static/jquery-1.9.1.min.js"></script>
    <script src="/static/bootstrap/js/bootstrap.min.js"></script>
    <script src="/static/bootstrap/js/bootstrap-select.min.js"></script>
    <script src="/static/bootstrap/js/bootstrap-table.min.js"></script>
    <script src="/static/bootstrap/js/bootstrap-table-zh-CN.min.js"></script>
    <script src="/static/bootstrap/js/bootstrap-datetimepicker.min.js"></script>
    <script src="/static/bootstrap/js/bootstrap-datetimepicker.zh-CN.js"></script>
    <script src="/static/common/ajaxfileupload.js"></script>
    <script src="/static/common/ewin.js"></script>
    <script src="/static/common/cdate.js"></script>
    <script src="/static/js/huiyuantc.js"></script>
</head>
<body>
<div class="container">
    <br>
    <div id="toolbar" class="btn-group">
        <button id="btn_add" type="button" class="btn btn-primary">新增</button>
    </div>
    <table id="table"></table>
    <!-- 模态框（Modal） -->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog"
         aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"
                            aria-hidden="true">&times;
                    </button>
                    <h4 class="modal-title" id="myModalLabel">标题</h4>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal" id="tcForm">
                        <div class="form-group">
                            <label for="name" class="col-sm-4 control-label">套餐名：</label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control" id="name" name="name">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="price" class="col-sm-4 control-label">价格：</label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control" id="price" name="price">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="price" class="col-sm-4 control-label">套餐使用年限：</label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control" id="nianxian" name="nianxian">
                            </div>
                        </div>
                        <div class="form-group">
                            <label for="price" class="col-sm-4 control-label">套餐标识：</label>
                            <div class="col-sm-8">
                                <input type="text" class="form-control" id="flag" name="flag">
                            </div>
                        </div>
                    </form>
                </div>
                <div class="modal-footer">
                    <span id="errorMsg" class="pull-left" style="color:red"></span>
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                    </button>
                    <button type="button" class="btn btn-primary" id="m_btn">
                        提交
                    </button>
                </div>
            </div>
        </div>
    </div>

    <!-- 模态框（Modal） -->
    <div class="modal fade" id="roleModal" tabindex="-1" role="dialog"
         aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"
                            aria-hidden="true">&times;
                    </button>
                    <h4 class="modal-title" id="roleModalLabel">关联角色</h4>
                </div>
                <div class="modal-body">
                    <form class="form-horizontal" id="roleForm">
                        <input type="hidden"  id="tcIdRole">
                        <div class="form-group">
                            <label for="userRole" class="col-sm-4 control-label">关联角色：</label>
                            <div class="col-sm-8">
                                <select id ="userRole" class="selectpicker" multiple title="请选择角色">
                                </select>
                            </div>
                        </div>

                    </form>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">关闭
                    </button>
                    <button type="button" class="btn btn-primary" id="role_btn">
                        提交
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>